import { defineStore } from 'pinia'

export const useAppStore = defineStore('App', {
  state: () => ({
    /** 设计器是否可见 */
    designerVisible: false,
    /** 设计器当前激活的标签页,默认为'1' */
    designerActiveTab: '1',
    /**
     * 当前使用的布局方案
     * @default 'default' - 未指定布局时的默认值
     */
    layout: 'default', //未指定布局时，默认使用default布局
  }),

  getters: {
    // 如果需要getter可以在这里添加
  },

  actions: {
    // 如果需要action可以在这里添加
    setDesignerVisible(value: boolean) {
      this.designerVisible = value
    },
  },
  persist: {
    pick: ['layout'],
  },
})
